<template>
	<div :style="'width:'+com.comstyle.width+'px;height:'+com.comstyle.height+'px;'">
		<component v-if="rendcom" 
			:is="rendcom" 
			:com="com"
			ref="com"
			@change="change"></component>
	</div>
</template>

<script>
	export default {
        name: 'myrender',
        components: {  },
        props:{        	
        	com:{default:null}
        },
        data () {        	
            return {
            	rendcom:null,
            }            	
        },
        methods: { 
        	change(e){
        		this.$emit('change',e);
        	},
        	setstyle(){
        		this.$refs.com.setstyle();
        	}
		},
		created: function () {
			
		},
		mounted:function() {			
//			this.rendcom = () => import('../cellcontrols/'+this.com.comname+'.vue')
//			console.log(this.comstyle);
		}		
   }
</script>

<style>
</style>